<script setup>
// 黄金前三秒
import { reactive } from 'vue';
import { columns } from './index.js'

const state = reactive({
    data: [
    {
            ranking: '1',
            text: '文案文案',
            form: '抖音',
            relevance: '视频视频',
            like_num: '22.31w',
            discuss_num: '3.86w',
            collect_num: '1.97w',
            interact_num: '1500',
        },
    {
          ranking: '2',
            text: '文案文案',
            form: '抖音',
            relevance: '视频视频',
            like_num: '22.31w',
            discuss_num: '3.86w',
            collect_num: '1.97w',
            interact_num: '1500',
        },
    {
          ranking: '3',
            text: '文案文案',
            form: '抖音',
            relevance: '视频视频',
            like_num: '22.31w',
            discuss_num: '3.86w',
            collect_num: '1.97w',
            interact_num: '1500',
        },
        ]
    })
</script>

<template>
    <div>
 <a-table :columns="columns" :data-source="state.data">
    <template #bodyCell="{ column, record }">
      <template v-if="column.key === 'edit'">
        <a-button>生成脚本并剪辑</a-button>
      </template>
    </template>
  </a-table>
    </div>
</template>


<style lang="less" scoped>

</style>